html, body, div, p, input {
	margin: 0;
	padding: 0;
}

html, body, #wrap {
	width: 100%;
	height: 100%;
}

body {
	background-color: black;
	font-family: 'Courier New';
	font-size: 14px;
	color: #AAA;
}

pre {
	margin: 0;
}

/* terminal  */

.log .lines p, .log .inputline {
	padding-left: 2px;
	white-space: pre-wrap ; display: block; unicode-bidi: embed; /* pre */
}

.log .lines p.me {
	color: white;
}

.log .inputline {
	color: white;
	overflow:hidden;
	max-height: 1.2em;
}

.log .precursor, .log .cursor, .log .postcursor, input.input  {
	font-family: 'Courier New';
	font-size: 14px;
	background-color: transparent;
	color: white;
	margin: 0;
	border: 0;
	display: inline-block;
	outline: none;
}

.log .cursor {
	/*
	min-width: 8px;
	height: 12px;
	margin-bottom: -2px;
	*/
	color: black;
	background-color: white;
}

.bad { color: red; }
.ok { color: #AFA; }
.unknown { color: #FA5; }
.important { color: #AAF; }

.log .prompt { margin-right: -1px; color: #0F0 }

textarea:focus, input:focus, .input {
    outline: 0;
}

::selection {
	background: white; /* Safari */
	color: black;
	}
::-moz-selection {
	background: white; /* Firefox */
	color: black;
}

#mainlog {
	width: 50%;	
}

#backlog {
	position: absolute;
	top: 0;
	right: 500px;
	width: 500px;
}